<!doctype html>
<html class="no-js" lang="">
    <head>
<meta charset="utf-8">
<meta http-equiv="Content-Type" content="text/html">
        
        <meta http-equiv="x-ua-compatible" content="ie=edge">
        <title>Product Details || Selphy</title>
        <meta name="description" content="">
        <meta name="viewport" content="width=device-width, initial-scale=1">

		<!-- favicon
		============================================ -->		
        

	   
		<!-- Bootstrap CSS
		============================================ -->		
        <link rel="stylesheet" href="css/bootstrap.min.css">
		<!-- Font Awesome CSS
		============================================ -->
        <link rel="stylesheet" href="css/font-awesome.min.css">
		<!-- Mean Menu CSS
		============================================ -->      
        <link rel="stylesheet" href="css/meanmenu.min.css">
		<!-- owl.carousel CSS
		============================================ -->
        <link rel="stylesheet" href="css/owl.carousel.css">
        <link rel="stylesheet" href="css/owl.theme.css">
        <link rel="stylesheet" href="css/owl.transitions.css">
		<!-- nivo-slider css
		============================================ --> 
		<link rel="stylesheet" href="css/nivo-slider.css">
		<!-- Price slider css
		============================================ --> 
		<link rel="stylesheet" href="css/jquery-ui-slider.css">
		<!-- Simple Lence css
		============================================ --> 
		<link rel="stylesheet" type="text/css" href="css/jquery.simpleLens.css">
		<link rel="stylesheet" type="text/css" href="css/jquery.simpleGallery.css">
		<!-- normalize CSS
		============================================ -->
        <link rel="stylesheet" href="css/normalize.css">
		<!-- main CSS
		============================================ -->
        <link rel="stylesheet" href="css/main.css">
		<!-- style CSS
		============================================ -->
        <link rel="stylesheet" href="style.css">
		<!-- responsive CSS
		============================================ -->
        <link rel="stylesheet" href="css/responsive.css">
		<!-- modernizr JS
		============================================ -->		
        <script src="js/vendor/modernizr-2.8.3.min.js"></script>
		<!--axios-->
		<script src="js/axios.js"></script>
		<!--vue-->
		<script src="js/vue.min.js"></script>
    </head>
    <body>


		<div class="header-area">
			<!-- Header Top -->
			<div class="header-top">
				<div class="container">
					<div class="row">
						<div class="col-md-12">
							<!-- Header Top Bar-->
							<div class="header-top-bar">
								<div class="row">
									<div class="col-md-5">
										<!-- Header Top Left-->
										<div class="header-top-left">
											<div class="call-header">
												<p><i class="fa fa-phone"></i>请不要联系我们:<span> (+88) 01737803547</span></p>
											</div>
											<div class="header-login">
												<a href="">登录</a>
											</div>
										</div><!-- End Header Top Left-->
									</div>
									<div class="col-md-7">
										<!-- Header Top Right-->
										<div class="header-top-right">
											<!-- Header Link Area -->
											<div class="header-link-area">
												<div class="header-link">
													<ul>
														<li><a class="china" href="">中国<i class="fa fa-angle-down"></i></a>
															<ul>
																<li><a href="">English 1</a></li>
																<li><a href="">English 2</a></li>
																<li><a href="">English 3</a></li>
																<li><a href="">English 4</a></li>
															</ul>
														</li>
													</ul>
												</div>
												<div class="header-link">
													<ul>
														<li class=""><a class="usd" href="">USD<i class="fa fa-angle-down"></i></a>
															<ul>
																<li><a href="">EUR</a></li>
																<li><a href="">USD</a></li>
															</ul>
														</li>
														<li><a class="account" href="">个人中心<i class="fa fa-angle-down"></i></a>
															<ul>
																<li><a href="accout.html">我的账户</a></li>
																<li><a href="person-info.html">个人信息</a></li>
																<li><a href="collection.html">我的收藏</a></li>
																<li><a href="notice.html">消息中心</a></li>
															</ul>
														</li>
													</ul>
												</div>
											</div><!-- End Header Link Area -->
										</div><!-- End Header Top Right-->
									</div>
								</div>
							</div><!-- End Header Top Bar-->
						</div>
					</div>
				</div>
			</div><!-- End Header Top -->
			<!-- Header Bottom -->
			<div class="header-bottom">
				<div class="container">
					<div class="row">
						<div class="col-md-12">
							<!-- Header Bottom Inner-->
							<div class="header-bottom-inner">
								<div class="row">
									<div class="col-md-3">
										<!-- Header Logo -->
										<div class="header-logo">
											<a href="index.html" ><img src="img/logo/码上拍 (4)_gaitubao_124x118_gaitubao_73x69.png"  ></a>
										</div>
									</div>
									<div class="col-md-9">
										<!-- Header Bottom Right -->
										<div class="header-bottom-right">
											<!-- All Categorie -->
											<div class="all-categories">
												<div class="search-cat">
													<select id="product-categori">
														<option value="All Categories">商品分类</option>
														<option value="Categorie One">笔记本电脑</option>
														<option value="Categorie Two">台式电脑</option>
														<option value="Categorie Two">智能手机</option>
														<option value="Categorie Two">数码相机</option>
														<option value="Categorie Two">其他</option>
													</select>
												</div>
											</div><!-- End All Categorie -->
											<div class="header-search">
												<form action="#">
													<input type="text" class="input-text" name="q" id="search" placeholder="输入商品信息">
													<button type="submit"><i class="fa fa-search"></i></button>
												</form>
											</div>
											<!-- Header Cart Area-->
											<div class="header-cart-area">
												<div class="header-cart">
													<ul>
														<li>
															<a href="">
																<i class="fa fa-shopping-cart"></i>
																<span class="my-cart">收藏</span>
															</a>

														</li>
													</ul>
												</div>
											</div><!-- End Header Cart Area-->
										</div><!-- End Header Bottom Right -->
									</div>
								</div>
							</div><!-- End Header Bottom Inner-->
						</div>
					</div>
				</div>
			</div><!-- End Header Bottom -->
		</div><!-- End Header Area -->
		<div class="main-menu-area main-menu-area-2">
			<div class="container">
				<div class="row">
					<div class="col-md-12">
						<div class="row">
							<div class="col-md-3">
								<!-- Category Menu -->
								<div class="category-menu hidden-xs hidden-sm">
									<div class="category-menu-title">
										<h2>商品分类</h2>
									</div>
									<div class="categorie-list">
										<ul>
											<li><a href="shop.html"><img src="img/icon/m1.png" alt="icon">笔记本电脑<i class="fa fa-caret-right"></i></a>
											</li>
											<li><a href="shop.html"><img src="img/icon/m2.png" alt="icon">智能手机<i class="fa fa-caret-right"></i></a>
											</li>
											<li><a href="shop.html"><img src="img/icon/m3.png" alt="icon">平板电脑<i class="fa fa-caret-right"></i></a>
											</li>
											<li><a href="shop.html"><img src="img/icon/m7.png" alt="icon">电脑<i class="fa fa-caret-right"></i></a>
											</li>
											<li><a href="shop.html"><img src="img/icon/m5.png" alt="icon">数码相机<i class="fa fa-caret-right"></i></a>
											</li>
											<li><a href="shop.html"><img src="img/icon/m6.png" alt="icon">其他<i class="fa fa-caret-right"></i></a>
											</li>

										</ul>
									</div>
								</div><!-- End Category Menu -->
							</div>
							<div class="col-md-9">
								<!-- Manin Menu -->
								<div class="main-menu hidden-xs hidden-sm">
									<nav>
										<ul>
											<li><a href="index.html" >首页</a></li>
											<li><a href="">买家中心</a>
												<ul class="sub-menu">
													<li><a href="collection.html" >我的收藏</a></li>
													<li><a href="myAuction.html">我的竞拍</a></li>
													<li><a href="buyer-order.html">买家订单</a></li>
												</ul>
											</li>
											<li><a href="">卖家中心</a>
												<ul class="sub-menu">
													<li><a href="putaway.html">上架商品</a></li>
													<li><a href="abortive-accout.html">商品管理</a></li>
													<li><a href="seller-order.html">卖家订单</a></li>
												</ul>
											</li>
										</ul>
									</nav>
								</div><!-- End Manin Menu -->
								<!-- Start Mobile Menu -->
								<div class="mobile-menu hidden-md hidden-lg">

								</div><!-- End Mobile Menu -->
							</div>
						</div>
					</div>
				</div>
			</div>
		</div><!-- End Main Menu Area -->
		<div class="breadcurb-area">
			<div class="container">
				<ul class="breadcrumb">
					<li class="home"><a href="index.html">首页</a></li>
					<li>商品详情页</li>
				</ul>
			</div>
		</div><!-- End Breadcurb Area -->
		<!-- Single Product details Area -->
		<div id="app" class="single-product-detaisl-area">
			<!-- Single Product View Area -->
			<div class="single-product-view-area">
				<div class="container">
					<div class="row">
						<div class="col-md-5">
							<!-- Single Product View -->
							<div class="single-procuct-view">
								<!-- Simple Lence Gallery Container -->
								<div class="simpleLens-gallery-container" id="p-view">
									<div class="simpleLens-container tab-content">
										<div class="tab-pane active" id="p-view-1">
											<div class="simpleLens-big-image-container">
													<img :src="bigImage" class="simpleLens-big-image" alt="productd">
											</div>
										</div>
									</div>
									<!-- Simple Lence Thumbnail -->
									<div class="simpleLens-thumbnails-container">
										<div id="single-product" class="owl-carousel custom-carousel">
											<ul class="nav nav-tabs" role="tablist" >
												<li  class="hidden-md hidden-xs" style="width: 25%" v-for="url in goodsInfo.otherUrls"><a  @click="changeBigImage(url)" href="" role="tab" data-toggle="tab"><img style="width: 100%" :src="url" alt="productd"></a></li>
											</ul>
										</div>
									</div><!-- End Simple Lence Thumbnail -->
								</div><!-- End Simple Lence Gallery Container -->
							</div><!-- End Single Product View -->
						</div>
						<div class="col-md-7">
							<!-- Single Product Content View -->
							<div class="single-product-content-view">
								<div class="product-info">
									<h1>{{goodsInfo.gname}}</h1>
									<div class="quick-desc">
										{{goodsInfo.gdescribe}}
									</div>
								</div>
								<!-- End product-info -->
								<!-- Add to Box -->
								<div class="add-to-box add-to-box2">
									<div class="product-select product-color">
										<!--开拍前-->
										<div class="row">
											<div class="col-md-8">
												<h3>{{countStatus}}</h3>
											</div>
											<div class="col-md-4">
													<button type="button" class="btn btn-primary"><i
															class="fa fa-shopping-cart" @click="addEnshrine(goodsInfo.gid)">&nbsp;</i></span>
													</button>
											</div>
										</div>

											<div class="countdown-box">
												<img src="img/icon/alarm1.png">
												<div class="endtime" id="count">剩余：<span>00</span>天<span>00</span>时<span>00</span>分<span>00</span>秒</div>
											</div>
										<div class="price-box">
											<p class="cu-price"><span class="title">当前价格：</span><span class="special-price">￥<span class="bid-amount">{{price}}</span></span></p>
										</div>

										<div class="price-box">
											<p class="price"><span class="title">保证金：</span><span class="bid-price">￥<span class="amount">{{goodsInfo.cash}}</span></span></p>
										</div>
                                        <button v-if="goodsInfo.status > 4" type="button" class="btn btn-info" disabled="disabled">本场拍卖已经结束</button>
                                        <button v-else-if="user.length == 0" @click="jumpLogin()" type="button" class="btn btn-info">需要登陆/报名缴纳押金</button>
										<button v-else-if="bidder.length != 0" type="button" class="btn btn-info" disabled="disabled">已经缴纳押金</button>
										<button v-else-if="bidder.length == 0" type="button" @click="insertBidder()" class="btn btn-info">报名缴纳押金</button>
									</div>
									<div class="price-record container">
										<div class="row head">
											<h4 class="col-xs-12"><b>出价记录</b></h4>
										</div>
										<div class="row record-title">
											<div class="col-xs-4">状态</div>
											<div class="col-xs-4">竞拍人</div>
											<div class="col-xs-4">价格</div>
										</div>
										<template v-for="a in biddingRecord">
											<div class="row record-title">

												<div v-if="a.status == 0" class="col-xs-4">淘汰</div>
												<div v-else-if="a.status == 1" class="col-xs-4">临先</div>
												<div v-else-if="a.status == 2" class="col-xs-4">成交</div>
												<div class="col-xs-4">{{a.nickname}}</div>
												<div class="col-xs-4">{{a.price}}</div>
											</div>
										</template>


									</div>
									<div class="quick-add-to-cart">
											<div class="qty-button"> 	
												<input type="text" class="input-text qty" title="Qty" :value="number" maxlength="12" id="qty" name="qty">
												
												<div class="box-icon button-plus"> 
													<input type="button" class="qty-increase " @click="changeNum(1)" value="+">
												</div>	
												<div class="box-icon button-minus">
													<input type="button" class="qty-decrease" @click="changeNum(-1)" value="-">
												</div>
											</div>
											<div class="product-actions">
                                                <button v-if="goodsInfo.status > 4" type="button" class="btn btn-danger" disabled="disabled">结束</button>
												<button v-else-if="goodsInfo.status < 4" type="button" class="btn btn-danger" disabled="disabled">商品公示</button>
                                                <button v-else-if="user.length == 0" @click="jumpLogin()" type="button" class="btn btn-danger">登陆/出价</button>
                                                <button v-else-if="bidder.length == 0 || bidder.permission == 0" disabled="disabled" type="button" class="btn btn-danger">无权限</button>
												<button id="timer" v-else-if="bidder.length != 0" type="button" class="btn btn-danger" @click="sendMes()">{{auctionStatus}}</button>
											</div>


									</div>
								</div><!-- End Add to Box -->
								<!-- Social Shiring -->
								<div class="social-sharing">
									加价幅度：￥{{goodsInfo.upward}}
								</div><!-- End Social Shiring -->

							</div><!-- End Single Product Content View -->
						</div>
					</div>
				</div>
			</div><!-- End Single Product View Area -->
			<!-- Single Description Tab -->
			<div class="single-product-description">
				<div class="container">
					<div class="row">
						<div class="col-md-12">
							<div class="product-description-tab custom-tab">
								<!-- tab bar -->
								<ul class="nav nav-tabs" role="tablist">
									<li class="active"><a href="" data-toggle="tab">拍卖公告</a></li>
								</ul>
								<!-- Tab Content -->
								<div class="tab-content">
									<div class="tab-pane active" id="product-des">
										<h4>拍卖竞买须知</h4>
										<p>1、本次拍卖会的所有拍品均与合法拥有的委托人签订正式合同，具有法律效力。</p>
										<p>2、为防止恶意竞拍,拍卖前需交押金，拍卖失败则前往钱包退押金；拍卖成功则押金抵扣一部分拍卖金，如不支付余下金额则扣除押金当作违约金</p>
										<p>3、竞买人应价不得低于起拍价，不遵守其规定者的应价视为无效竞买。每次加价为给定加价幅度的倍数</p>
										<p>4、凡报名参加的竞买者，即表示同意接受并遵守本场拍卖会的《拍卖竞买须知》中的各项规定及约束</p>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div><!-- End Single Description Tab -->


		<!-- jquery
		============================================ -->		
        <script src="js/vendor/jquery-1.11.3.min.js"></script>
		<!-- bootstrap JS
		============================================ -->		
        <script src="js/bootstrap.min.js"></script>
		<!-- nivo slider js
		============================================ --> 
		<script src="js/jquery.nivo.slider.pack.js"></script>
		<!-- Mean Menu js
		============================================ -->         
        <script src="js/jquery.meanmenu.min.js"></script>
		<!-- price-slider JS
		============================================ -->		
        <script src="js/jquery-price-slider.js"></script>
		<!-- Simple Lence JS
		============================================ -->
		<script type="text/javascript" src="js/jquery.simpleGallery.min.js"></script>
		<script type="text/javascript" src="js/jquery.simpleLens.min.js"></script>	
		<!-- owl.carousel JS
		============================================ -->		
        <script src="js/owl.carousel.min.js"></script>
		<!-- scrollUp JS
		============================================ -->		
        <script src="js/jquery.scrollUp.min.js"></script>
		<!-- DB Click JS
		============================================ -->
        <script src="js/dbclick.min.js"></script>
		<!-- Countdown JS
		============================================ -->
        <script src="js/jquery.countdown.min.js"></script>
		<!-- plugins JS
		============================================ -->		
        <script src="js/plugins.js"></script>
		<!-- main JS
		============================================ -->		
        <script src="js/main.js"></script>
			<script>
				var myVue =new Vue({
					el: "#app",
					data: {
						goodsInfo: "",
						gid: "",
						bigImage: "",
						price:"",
						biddingRecord: "",
						time: "",
						countStatus: "",
						count: "",
						user: "",
						bidder: "",
						number:1,
						webSocket: "",
						auctionStatus:"出价"
					},
					methods: {
						findGoods:function () {
							var temp = this;
							axios.get("/web-goods/show/auditingGoods/" + this.gid)
									.then(function (response) {
										var value = response.data;
										if (value.code == 500) {
											alert("服务器出现异常");
											location.href = "index.html";
										}


										var data = response.data.data
										temp.goodsInfo = data;
										if (temp.bigImage.length == 0) {
											temp.bigImage = data.url;
										}
										var statusNow = temp.status = data.status;
										if (statusNow < 3) {
											window.location.href="index.html"
										}else if (statusNow == 3) {
											temp.price = data.price;
											temp.countStatus = "拍卖倒计时";
											temp.time = new Date(data.start);

										} else if (statusNow == 4) {
											temp.countStatus = "拍卖开始";
											temp.time = new Date(data.stop);
											temp.findBiddingRecord();
											temp.initWebSocket();
										} else {
											temp.countStatus = "拍卖结束";
											$('#count').html("拍卖已经结束");
											temp.findBiddingRecord();
                                            if (temp.webSocket.length != 0) {
                                                this.webSocket.close();
                                            }
										}

										if (statusNow == 3 || statusNow == 4) {
											var js = setInterval(function () {
												temp.startTime()
											}, 1000);
											temp.count = js;
										}
									});
						},
						findBiddingRecord:function () {
							var temp = this;
							axios.get("/web-auction-chat/auction/findBiddingRecord/" + temp.goodsInfo.aid)
									.then(function (response) {
										var biddingRecord = temp.biddingRecord = response.data;
										if (biddingRecord.length == 0) {
											temp.price = temp.goodsInfo.price;
										} else {
                                            temp.price = biddingRecord[0].price;
										}
									});
						},
						changeBigImage:function(url) {
							this.bigImage = url
						},
						startTime:function () {
							var nowtime = new Date();
							var time = this.time - nowtime;
							var day = parseInt(time / 1000 / 60 / 60 / 24);//天
							var hour = parseInt(time / 1000 / 60 / 60 % 24);//小时
							var minute = parseInt(time / 1000 / 60 % 60);//分钟
							var seconds = parseInt(time / 1000 % 60);//秒

							if(hour<=0 && minute<=0 && seconds<=0){
								clearInterval(this.count);
								this.findGoods();
							}else{
								$('#count').html('剩余'+':'+'<span>'+day+'</span>'+'天'+'<span>'+hour+'</span>'+'时'+'<span>'+minute+'</span>'+'分'+'<span>'+seconds+'</span>'+'秒');
							}
						},
						insertBidder:function () {
							var temp = this;
								axios.post("/web-auction-chat/auction/insertBidder/" + temp.goodsInfo.aid+"/"+temp.user.uid)
										.then(function (response) {
											var data = response.data;
											if (data.code == 501) {
												window.location.href = "index.html";
											}else if (data.code == 200) {
                                                window.location.reload();
											} else {
												alert(data.message);
											}
										});


						},
						getAccount:function(){
							var temp = this;
							axios.get("/web-user/user/findUserInSession")
									.then(function (response) {
										var data = response.data;
										if (data.length != 0) {
											temp.user = data;
											temp.getBidder();
										}
									});
						},
						getBidder:function () {
							var temp = this;
							axios.get("/web-auction-chat/auction/findBidder/"+this.goodsInfo.aid+"/"+this.user.uid)
									.then(function (response) {
										temp.bidder= response.data;
									});
						},
						jumpLogin:function () {
							window.location.href="login.html"
						},
						auction:function () {
							var bidder = this.bidder;
							var temp = this;
							if (bidder.status == 0) {
								alert("没有权限竞拍，请联系管理员");
							} else {

							}
						},initWebSocket: function () {
							var temp = this;
							var url = "/web-auction-chat/auction/websocket/"+ this.goodsInfo.aid+"/"+this.uuid();
							//建立连接
							var ws = new WebSocket(url); //html5中提供了
							//给open事件绑定方
							ws.onopen = function () {
								console.info("连接成功");
							}
							//接收到数据
							ws.onmessage = function (result) {
								var biddingRecord = JSON.parse(result.data);
								temp.price = biddingRecord.price;
								temp.biddingRecord[0].status = 0;
								temp.biddingRecord.unshift(biddingRecord);
							}
							//关闭连接
							ws.onclose = function () {
								console.info("关闭连接");
							}
							this.webSocket = ws;
						},
						sendMes: function () {
							this.timer(5);
							var price = this.price + this.goodsInfo.upward * this.number;
							var biddingRecord = {
								status: 2,
								price: price,
								uid: this.user.uid,
								aid: this.goodsInfo.aid,
								nickname:this.bidder.nickname
							};
							if (this.webSocket != null ) {
								this.webSocket.send(JSON.stringify(biddingRecord));
							}
						},
						uuid:function () {
							var s = [];
							var hexDigits = "0123456789abcdef";
							for (var i = 0; i < 36; i++) {
								s[i] = hexDigits.substr(Math.floor(Math.random() * 0x10), 1);
							}
							s[14] = "4";
							s[19] = hexDigits.substr((s[19] & 0x3) | 0x8, 1);
							s[8] = s[13] = s[18] = s[23] = "-";

							var uuid = s.join("");
							return uuid;
						},
                        changeNum:function (num) {
                            var number = this.number;
                            if (num < 0) {
                                if (number > 1) {
                                    this.number = number + num;
                                }
                            } else {
                                this.number = number + num;
                            }
                        },
						timer:function (time) {
							var btn = $("#timer");
							var temp = this;
							btn.attr("disabled", true);  //按钮禁止点击
							// btn.val(time <= 0 ? "发送动态密码" : ("" + (time) + "秒后可出价"));
							var hander = setInterval(function() {
								if (time <= 0) {
									clearInterval(hander); //清除倒计时
									temp.auctionStatus="出价";
									btn.attr("disabled", false);
									return false;
								}else {
									temp.auctionStatus="" + (time--) + "秒";
								}
							}, 1000);
						},
						GetUrlPara:function(){
					var url = document.location.toString();//获取当前URL
					if (url.indexOf("?") != -1) {  //判断URL？后面不为空
						var arrUrl = url.split("?");//分割？
						var para = arrUrl[1];//获取参数部分
						if(para)//判断传入的参数部分不为空
						{
							var arr = para.split("=");//分割=
							var res = arr[1];//获取参数的值
							return res;
						}
					}
					return null;
				},
						addEnshrine:function (gid) {
							var temp=this;
							axios.post('/web-goods/buyer/enshrine/'+gid)
									.then(alert("收藏成功"))
									.catch(function (error) { // 请求失败处理
										alert(error);
										console.log(error);
									});
						}
					},
					created: function () {
						var UrlPara = this.GetUrlPara();
						if (UrlPara == null) {
							window.location.href = "index.html";
						}
						this.gid = UrlPara;
						this.findGoods();
						this.getAccount();
					}
				})
			</script>
		</div>
		<div class="footer-area">
			<!-- Footer Top -->
			<div class="footer-top">
				<div class="container">
					<div class="row">
						<div class="col-md-8">
							<!-- Block Subscribe -->
							<div class="block-subscribe">
								<div class="subscribe-title">
									<div class="icon"><i class="fa fa-envelope-o"></i></div>
									<h3>分享心得</h3>
								</div>
								<div class="subscribe-form">
									<form action="#">
										<div class="subscribe-input-box">
											<input type="text" title="Sign up for our newsletter" name="email" required="required">
										</div>
										<div class="subscribe-action">
											<button title="Subscribe" type="submit">分享页面</button>
										</div>
									</form>
								</div>
							</div><!-- End Block Subscribe -->
						</div>
						<div class="col-md-4">
							<!-- Social Footer -->
							<div class="social-footer">
								<ul class="link-follow">
									<li class="first">
										<a href="" class="facebook fa fa-facebook"></a>
									</li>
									<li>
										<a href="" class="twitter fa fa-twitter"></a>
									</li>
									<li>
										<a href="" class="google fa fa-google-plus"></a>
									</li>
									<li>
										<a href="" class="instagram fa fa-instagram"></a>
									</li>
								</ul>
							</div><!-- End Social Footer -->
						</div>
					</div>
				</div>
			</div><!-- End Footer Top -->
			<!-- Footer Static -->
			<div class="footer-static">
				<div class="container">
					<!-- Single Footer Static -->
					<div class="single-footer-static static-info">
						<div class="footer-static-title">
							<h3>网站信息</h3>
						</div>
						<div class="footer-static-content">
							该网站仅用于测试使用，并非用于商用。
						</div>
					</div><!-- End Single Footer Static -->
					<!-- Single Footer Static -->
					<div class="single-footer-static">
						<div class="footer-static-title">
							<h3>顾客服务</h3>
						</div>
						<div class="footer-static-content">
							由于该网站仅用于测试，而非商用，所以不存在所谓的顾客服务
						</div>
					</div><!-- End Single Footer Static -->
					<!-- Single Footer Static -->
					<div class="single-footer-static static-shipping">
						<div class="footer-static-title">
							<h3>商品信息</h3>
						</div>
						<div class="footer-static-content">
							商品信息是虚假的信息
						</div>
					</div><!-- End Single Footer Static -->
					<!-- Single Footer Static -->
					<div class="single-footer-static static-account">
						<div class="footer-static-title">
							<h3>我的账户</h3>
						</div>
						<div class="footer-static-content">
							请使用虚拟的支付宝模拟充值即可获得本网站的账户金额。
						</div>
					</div><!-- End Single Footer Static -->
					<!-- Single Footer Static -->
					<div class="single-footer-static static-contact">
						<div class="footer-static-title">
							<h3>关于我们</h3>
						</div>
						<div class="footer-static-content">
							<div class="contact-info">
								<p class="phone">联系电话: 8208208820</p>
								<p class="email">官方邮箱: helloworld@woniu.com</p>
								<p class="adress">地址: 四川省成都市武侯区孵化园5号楼</p>
							</div>
						</div>
					</div><!-- End Single Footer Static -->
				</div>
			</div><!-- End Footer Static -->
			<!-- Footer Bottom -->
			<div class="footer-bottom">
				<div class="container">
					<div class="row">
						<div class="col-md-6">
							<!-- Copyright -->
							<div class="copyright">
								<p>Copyright &copy; <a href="">BootExperts</a> All Rights Reserved.</p>
							</div>
						</div>
						<div class="col-md-6">
							<!-- Footer Payment -->
							<div class="footer-payment">
								<a href=""><img src="img/logo/payment.png" alt=""></a>
							</div>
						</div>
					</div>
				</div>
			</div><!-- End Footer Bottom -->
		</div><!-- End Footer Area -->
    </body>
</html>
